<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>360</title>
		<style>
			*{
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			.w{
				width: 958px;
				margin: 0 auto;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.clearfix::before,.clearfix::after{
				content: "";
				display: table;
			}
			.clearfix::after{
				
				clear: both;
			}
			
			/* header区 */
			header{
				height: 60px;
				background: url(img/header-bg_02.jpg);
			}
			.logo{
				padding-top: 12px;
				padding-right: 260px;
			}
			.nav{
				padding-top: 5px;
			}
			.banner{
				height: 513px;
				background: url(img/bg01_08.jpg);
			}
			.main{
				height: 617px;
				padding-top: 77px;
			}
			.main .fl{ 
				 /* 给每个盒子一个高度和宽度 */
				width: 436px;
				height: 185px;
			}
			 .main .fl:nth-child(1){
				background: url(img/icon_21.jpg)no-repeat;
			}
			.main .fl:nth-child(2){
				background: url(img/icon_23.jpg)no-repeat;
			}
			.main .fl:nth-child(3){
				background: url(img/icon_28.jpg)no-repeat;
			}
			.main .fl:nth-child(4){
				background: url(img/icon_30.jpg)no-repeat;
			}
			.main .fl:nth-child(5){
				background: url(img/icon_35.jpg)no-repeat;
			}
			.main .fl:nth-child(6){
				background: url(img/icon_37.jpg)no-repeat;
			}
			.main .fl:nth-child(2n-1){
				padding-left: 143px;
				width: 293px;
				margin-right: 86px;
			}
			.main .fl:nth-child(2n){
				padding-left: 141px;
				width: 295px;
			} 
			h4{
				font-size: 29px;
				color: #3a6399;
				padding-bottom: 20px;
			}
			p{
				font-size: 13px;
				color: #9a9a9a;
				line-height: 18px;
				
			}
			footer{
				height: 70px;
				background-color: #e7e7e7;
			}
			
		</style>
	</head>
	<body>
	<header>
		<div class="w">
			<div class="fl logo"><img src="img/logo_05.jpg" alt=""></div>
			<div class="fl nav"><img src="img/nav_05.jpg" alt=""></div>
		</div>
	</header>
	<div class="banner">
		<div class="w">
			<div><img src="img/拉拉_03.jpg" alt=""></div>
			<div><img src="img/拉拉_07.jpg" alt=""></div>
		</div>
	</div>
	<div class=" w main ">
			<div class="fl "><h4>简洁清新美观</h4>
			<p>清新风格更简洁、更美观，百变主题更个性、更抢眼，贴心小工具，丰富新功能，让你的桌面从此与众不同。</p>
			</div>
			<div class="fl "><h4>操作简便直观</h4>
			<p>长按桌面即可添加更换各种应用、文件夹、小工具，也可方便的选择主题和壁纸为手机换肤，所见即所得的直观操作带来更加简便的使用体验。</p>
			</div>
			<div class="fl "><h4>千变万化主题</h4>
			<p>海量主题任你选择，在线主题、壁纸内容不断增加中，每日不同的心情，都能找到恰到好处的个性化呈现方式，让手机天天都是精致的表情。</p>
			</div>
			<div class="fl "><h4>贴心实用工具</h4>
			<p>时钟天气、一键清理、一键节电、日历……不用打开应用，桌面上即可快速进行常用小工具的操作，使用手机更方便，更快捷。</p>
			</div>
			<div class="fl "><h4>屏幕手势管理</h4>
			<p>双指一捏的合并手势操作即可对屏幕进行可视化操作，可添加多达9屏的屏幕，快速浏览切换屏幕，增减屏幕个数及调整屏幕位置，来体验智能手机的触控乐趣吧。</p>
			</div>
			<div class="fl "><h4>个人深度定制</h4>
			<p>图标壁纸随意换，划屏特效随心改，小工具大小任意调，深度定制属于你自己的完美桌面，个性创意毫无拘束，手机屏幕就是你的绘画板。</p>
			</div>
	</div>
		
	<footer>
		<div></div>
	</footer>
	</body>
</html>
